:root {
  --primary-color: #fff;
  --dark-bg: #18181c;
  --font-family: "Roboto", sans-serif;
  --font-size: 16px;
  --color-primary: #f22626;
  --bg-color: #fff;
  --bg-color-active: #a19f9f;
  --margin: 10px;
  --padding: 5px;
  --title-font-size: 14px;
  --description-font-size: 12px;
}

:root {
  --color-background: var(--bg-color);
  --color-background-active: var(--bg-color);
  --color-text: var(--color-primary);
}

:root {
  --van-pagination-item-default-color: #489273 !important;
}


/* 
@media (prefers-color-scheme: dark) {
  :root {

  }
}
*/

html,
body {
  background: #f7f9f8;
  width: 100%;
  height: 100%;
}

#app {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

html.dark {
  background: var(--dark-bg);
}

.f-text-title {
  @apply text-size-$title-font-size;
}

.f-text-description {
  @apply text-size-$description-font-size;
}
